<!-- 兄弟组件传参  父组件 -->
<template>
    <div class="bac"> 
        借用父级
        <Bus2 @on-click="getFlag" />
        <Bus3 :flag="Flag" />
    </div>
    <div class="d"></div>
    <div class="bac">
        借用bus
        <Bus4 />
        <Bus5 />
    </div>
    <div class="d"></div>
    <div class="bac">
        借用mitt
        <Bus6 />
        <Bus7 />
    </div>
</template>

<script setup lang='ts'>
import { ref } from 'vue'
import Bus2 from './Bus2.vue';
import Bus3 from './Bus3.vue';
import Bus4 from './Bus4.vue';
import Bus5 from './Bus5.vue';
import Bus6 from './Bus6.vue';
import Bus7 from './Bus7.vue';

let Flag = ref(false)
const getFlag = (params: boolean) => {
    Flag.value = params
}

</script>

<style scoped lang="scss">
.bac{
    background-color: bisque;
}
.d{
    width: 100%;
    height: 50px;
}
</style>